<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <style>
        .feature_list_img,
        .feature_list_text{
            padding-left: 0;
            padding-right: 0;
        }
        .feature_list_img{
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 45.666667%;
            max-width: 45.666667%;
            height: 598px;
        }
        .feature_list_img img{
            width: 100%;
            height: 100%;
        }
        .feature_list_text{
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 54.333333%;
            max-width: 58.333333%;
            max-height: 598px;
            object-fit: cover;
            overflow: hidden;
        }
        .feature_list_text_brand{
            padding: 68px 0 0 70px;
        }
        .feature_list_text_brand span{
            color: var(--c_text);
            font-size: var(--f_subtitle_contact);
            line-height: var( --l_subtitle_contact);
        }
        .feature_list_text_brand p{
            color: var(--c_subtitle);
            font-size: var(--f_describe);
            line-height: var(--l_describe);
            margin-top: 8px;
        }
        @media screen and (max-width:768px){
            .feature_list_img,
            .feature_list_text{
                -ms-flex: 0 0 41.666667%;
                flex: 0 0 100%;
                max-width: 100%;
                max-height: 350px;
                object-fit: cover;
            }
            .feature_list_text_brand {
                padding: 20px 0 0 0px;
            }
        }
    </style>
</head>
<body>
    <div class="feature modular">
        <div class="feature_list public_width row">
            <div class="feature_list_img col-xl-5 col-12">
                <img src="../images/fea1.png" alt="">
            </div>
            <div class="feature_list_text col-xl-7 col-12">
                <div class="feature_list_text_brand">
                    <span>专业设计解决方案</span>
                    <p>通过研究商业模式来定义品牌模式提供优秀的品牌整合解决方案，令品牌长远发展</p>
                </div>
                <div class="feature_list_text_brand">
                    <span>全新品牌视觉形象</span>
                    <p>公司专注于新成立品牌规划，将为你的企业品牌进行整体的规划与设计</p>
                </div>
                <div class="feature_list_text_brand">
                    <span>品牌终端店</span>
                    <p>终端形象店作为消费者直接体验的空间更能精确传达品牌形象</p>
                </div>
                <div class="feature_list_text_brand">
                    <span>品牌理念</span>
                    <p>即品牌理念识别，是品牌经营的核心观念是知道方向的依托</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>